<template>
  <div class="production-management">
    <page>
      <div slot="body">
        <div class="table-operation">
          <el-button
            type="primary"
            size="small"
            icon="el-icon-plus"
          >
            添加产品
          </el-button>
        </div>
        <el-table :data="tableData" border>
          <el-table-column label="序号" width="50px"></el-table-column>
          <el-table-column label="产品ID" prop="a"></el-table-column>
          <el-table-column label="所属隧道" prop="a"></el-table-column>
          <el-table-column label="隧道部位" prop="a"></el-table-column>
          <el-table-column label="工字钢类型" prop="a"></el-table-column>
          <el-table-column label="单元" prop="a"></el-table-column>
          <el-table-column label="大样图" prop="a"></el-table-column>
          <el-table-column label="操作" width="100px">
            <template>
              <el-link type="primary" :underline="false">编辑</el-link>
              <el-link type="primary" :underline="false">删除</el-link>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div slot="footer">
        <el-pagination
          background
          :page-size="pageVO.pageSize"
          :current-page.sync="pageVO.pageNum"
          :total="pageVO.total"
          :layout="pageOptions.layout"
          :page-sizes="pageOptions.pageSizes"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
      </div>
    </page>
  </div>
</template>

<script>
import pageQuery from "../mixins/pageQuery";
export default {
  mixins: [pageQuery],
};
</script>

<style lang="scss" scoped>
.production-management {
}
</style>
